Skip to content

fix(plugin-list): ObjectGallery waits for the object definition instead of querying twice (objectui#7903) - #7919

Merged
os-sam merged 1 commit into
mainfrom
claude/issue-7903-gallery-settled-schema-gate
Sep 6, 2026
Merged

fix(plugin-list): ObjectGallery waits for the object definition instead of querying twice (objectui#7903)#7919
os-sam merged 1 commit into
mainfrom
claude/issue-7903-gallery-settled-schema-gate

Conversation

@claude

@claude claude Bot commented Sep 6, 2026

Copy link
Copy Markdown
Contributor

Fixes #7903

ObjectGallery sat outside the set objectui#6482 converged on the shared
settled-schema gate — ObjectKanban, ObjectView, ObjectCalendar and
ObjectTree were named there, ObjectGantt was ask 2 of objectui#7225, and
ObjectTimeline was objectui#7895 — and nothing marked it a deliberate
exclusion. It held the object definition in a local useState fed by its own
metadata effect and listed that definition in the record-fetch effect's
dependency array.

The card said "shape reading, NOT measured" — so it was measured first

The filing seat spotted the shape while working objectui#7895 and did not
measure it. Instrumented renderer (a React.Profiler commit counter reading the
rendered card grid), writes counted per single mount, getObjectSchema held
at a fixed delay, grid 0/1/2/3/4/5/6/7/8/9/10/15/25/50/100 ms, with
ObjectCalendar as a positive control in the same vitest run.

component when find calls expand sets painted states late writes first paint
ObjectGallery before 2 [null, ['owner']] 2 3 flat 3-7 ms
ObjectGallery after 1 [['owner']] 1 0 tracks the hold
ObjectCalendar (control) before 1 [['owner']] 1 - tracks the hold
ObjectCalendar (control) after 1 [['owner']] 1 - tracks the hold

Every reading held at every one of the fifteen holds, not one band of them.

  1. Call count and expand set. The decisive reading objectui#7895 named
    reproduces exactly: [null, ['owner']]. The first call goes out with no
    expansion
    , so the first paint is raw foreign-key ids. The issue order was
    schema:issued, find(unexpanded), schema:settled, find(expanded) at every
    hold including +0 ms; after the gate it is
    schema:issued, schema:settled, find(expanded).
  2. Paints and late writes. Before: two distinct painted states and 3 late
    writes into the card grid after the first paint, at every hold. After: one
    state, 0 late writes.
  3. First paint flat or tracking. ⭐ Before, first paint was flat at 3-7 ms
    across a 0 to 100 ms sweep — it painted before the metadata, which is the
    defect. After, it tracks: 9 ms at +3, 15 ms at +10, 35 ms at +25, 106 ms
    at +100. The control tracked the hold in both directions (33-69 ms at low
    holds, 77 ms at +50, 161 ms at +100), so the instrument reads a live gate
    rather than a flat machine.

The late-write lower edge sat where objectui#7895 measured it (nothing at +0
to +2, stable from +3 up) once the readiness predicate is what counts them;
counted from the first paint instead, the 3 late writes are present at every
hold. The grid was refined rather than repeated: no hold measured nothing.

⚠️ This component's visible cost is a TWO-step paint, not the three-step one

Measured here rather than inherited from the matching shape — objectui#6482's own
per-component standard. ObjectCalendar (objectui#6453) and ObjectTimeline
(objectui#7895) both make loading an unconditional early return, so the
re-run's setLoading(true) drops them back to their placeholder between the two
paints. Here the early return is loading && !items.length: once the first (raw)
rows are in state the skeleton cannot come back. Measured skelAfter=false at
every hold — the user saw raw foreign-key ids replaced in place by the
expanded rows.

The two deliberate departures, each judged for this component

objectui#7895 made two departures from ObjectCalendar / ObjectGantt. Both
apply here, and each for a stronger reason than on the timeline:

  1. The metadata read is NOT disabled on the authored-items path. dataSource
    is passed unconditionally, not hasInlineData ? undefined : dataSource. Yes,
    ObjectGallery has an authored path — three of them (props.data,
    schema.data, bind) — and it reads the definition on every one:
    buildEnrichedField reads objectDef.fields for each visible field's type,
    options, currency, precision and reference target, and
    getRecordDisplayName(objectDef, item) resolves each card's title under
    ADR-0079. Disabling the read would strip cell semantics and card titles off
    exactly the paths that issue no query.
  2. The gate key is schema.objectName, not resolveRecordSourceObjectName.
    No, ObjectGallery does not resolve a data block. That reader's second rung
    is a resolved provider config (dataConfig.provider === 'object'), and
    ObjectGallerySchema['data'] is typed Record<string, unknown>[] — a bare
    inline record array, not a provider config. The component calls
    getDataConfig nowhere, so the ladder would degenerate to schema.objectName
    with extra spelling, while dataSource.find(schema.objectName, …) is the name
    the query itself uses.

A third decision, this component's own, named rather than smuggled. loading
starts false here and was only ever flipped inside the fetch, so a bare
return at the gate would show "No items to display" for the whole metadata read
— a false empty state where the pre-gate component showed the loading
placeholder. The two siblings get this from their initial state
(ObjectCalendar starts loading at true; ObjectTimeline computes it in a
lazy initializer). Rather than restructure this component's initial state — which
would change what schema.data: [] and props.data: [] render — the guarantee
is stated in the one branch that knows a query is coming, and pinned by its own
case. This is not a fourth gate shape: the gate is the converged
useSettledSchema + if (!ready) return in the querying branch.

Ablation

The fix was committed first, then packages/plugin-list/src/ObjectGallery.tsx
was reverted with a pinned commit sha (6a9ee323e, the merge-base — never a
moving remote-tracking name).

  • Mutation confirmed on disk, not by an exit code: git hash-object read
    49ee0b6f821ed6d51122b40c850d43661f33bf5e, equal to the pinned commit's blob
    and different from HEAD's 9a0ddc5419733eb3de938ef20645d217c46e04bc. Anchor
    counts under mutation: useSettledSchema 0, objectDefReady 0, setObjectDef
    2.
  • Restore proven by an empty git diff HEAD plus a disk blob equal to
    HEAD:packages/plugin-list/src/ObjectGallery.tsx
    (9a0ddc5419733eb3de938ef20645d217c46e04bc), with git status --porcelain
    empty and the anchors back at 3/3/0. The restore ran from a trap … EXIT INT TERM using an absolute path resolved from git rev-parse --show-toplevel.
  • ⭐ No rebuild leg applies, and this is stated rather than omitted. The
    instrument imports ../ObjectGallery by relative path, and the root
    vitest.config.mts alias table points every @object-ui/* specifier at that
    package's src/ (@object-ui/reactpackages/react/src), so no dist is
    on the resolution path. The ablation is itself the proof: the source mutation
    turned the pins red with no build step anywhere, which a dist-resolved
    suite could not have done.

Prediction was recorded before the run: 5 red, 2 green. Observed: 5 red, 2
green — the same five.

pin ablated why
ONE query per load red expected "vi.fn()" to be called 1 times, but got 2 times
never an UNEXPANDED query red expected undefined to deeply equal [ 'owner' ]
no getObjectSchema green origin/main has no gate, so it queries here anyway — it guards a FUTURE wrong shape, going red the moment anyone "simplifies" the gate to if (!objectDef) return;
definition read REJECTS red expected '' to contain '[useSettledSchema]' — the replaced effect logged console.warn('Failed to fetch object def for ObjectGallery'), the hook logs console.error('[useSettledSchema] …'). Predicted, and the same log-wording asymmetry objectui#7895 reported rather than tuned away
authored data path green control: the change did not turn an authored gallery into a fetching one, and the metadata read survives on it
HELD read: one paint AFTER the definition red expected [ 'find', 'paint', 'definition', …(3) ] to deeply equal [ 'definition', 'find', 'paint' ]
loading placeholder across the gate window red expected "vi.fn()" to not be called at all, but actually been called 1 times

Second-order payoff: there is no sibling ladder fixture to re-measure

Reported whichever way it came out. The colorFieldLadder-7243 fixture set has
exactly three members — ObjectCalendar, ObjectGantt, ObjectTimeline — the
three renderers that consume createFieldColorResolver from core.
packages/plugin-list/ contains no member of it (grep for
colorFieldLadder / createFieldColorResolver / 7243 across the package
returns nothing), because ObjectGallery renders option colours through
getCellRenderer instead. Nor does any of the three existing gallery tests carry
the pre-#7521 harness shape: the module-level shared-capture harness exists in
this package only in ListView.* files, none of which mount ObjectGallery. So
there is nothing here that would still redden under the pre-#7521 harness shape,
and no guard was deleted or relaxed — a guard's value does not depend on
there being a live trigger today.

Scope

Fetch sequencing only, as ruled. Untouched: objectui#7390's unbounded
fetch / ObjectGallerySchema paging surface on this same file (ruled not
dispatchable), objectui#7429's $expand / FLS question, and
ObjectTimeline / ObjectGantt / ObjectCalendar.

Verification

All on the pushed commit b1b3c4b20, with git diff HEAD empty.

  • vitest run packages/plugin-list/68 files, 860 tests passed.
  • vitest run …/ObjectGallery.fetchGate-7903.test.tsx7 passed.
  • pnpm --filter @object-ui/plugin-list type-check — exit 0, running
    tsc --noEmit && tsc -p tsconfig.test.json. Proven non-vacuous:
    tsc -p tsconfig.test.json --listFiles names the new pin file, the component,
    and the built useSettledSchema declaration.
  • Dependency closure built first
    (pnpm --workspace-concurrency=2 --filter '@object-ui/plugin-list^...' build).
  • eslint --no-inline-config on both changed files: 0 errors. The single
    react-hooks/set-state-in-effect warning is pre-existing, at the untouched
    setFetchedData(props.data) line.
  • node scripts/check-changeset-presence.mjs — verdict quoted verbatim:
    ✅ 2 source file(s) of 1 released package(s) changed, and this change declares 1 changeset(s): .changeset/7903-gallery-settled-schema-gate.md.
    The patch bump follows the checker's own ceiling
    (Scored minor at most, never major).
  • node scripts/check-changeset-no-major.mjs✅ No changeset declares a major bump.
  • node scripts/check-governed-queue-guard.mjs --test … — verdict verbatim:
    ✅ NOT GOVERNED — 3 path(s) checked against 5 governed surface(s); none matched.
    An ordinary pull request: the normal review and merge-queue route applies.
  • Gate family re-derived from the changed paths and re-run after the final
    commit, all exit 0: check:control-bytes, check:self-import,
    check:phantom-deps, check:esm-specifiers, check:vi-mock-specifiers,
    check:vi-mock-inherit, check:unreferenced-sources,
    check:element-data-source-declaration. Their scanned populations moved with
    the commit (control-bytes 6396 → 6398 tracked text files; the vi-mock gates
    4331 → 4332 source files), so the new files are inside what they graded.

Declared narrowing: the repo-wide pnpm lint scan is left to CI, which runs
the farm exactly once regardless. Local linting was scoped to the two changed
files.


🤖 Generated with Claude Code

Generated by Claude Code


Generated by Claude Code

…ad of querying twice (objectui#7903)

`ObjectGallery` sat outside the set objectui#6482 converged on the shared
settled-schema gate, and nothing marked it a deliberate exclusion. It held the
object definition in a local `useState` fed by its own metadata effect and
listed that definition in the record-fetch effect's dependency array, so every
object-bound load issued two `find` calls: the first before the definition
landed, with `buildExpandFields` seeing no fields and therefore carrying no
`$expand` at all, and a second one after. The first paint was a grid of cards
rendered from raw foreign-key ids.

Measured on this component rather than inherited from the matching shape
(objectui#6482's own per-component standard): instrumented renderer, one mount
per hold, `getObjectSchema` held 0/1/2/3/4/5/6/7/8/9/10/15/25/50/100 ms, with
`ObjectCalendar` as a positive control in the same run. Before: 2 `find` calls
with expand sets [null, ['owner']] at every hold, order always schema:issued /
find(unexpanded) / schema:settled / find(expanded), two painted states, 3 late
writes, first paint flat at 3-7 ms across the whole sweep. After: 1 `find`
carrying ['owner'], one painted state, 0 late writes, first paint tracking the
hold (9 ms at +3, 35 ms at +25, 106 ms at +100).

The cost here is a two-step paint, not the three-step one `ObjectCalendar` and
`ObjectTimeline` measured: their `loading` is an unconditional early return, so
the re-run drops them back to a placeholder; this component's is
`loading && !items.length`, so the raw ids were replaced in place.

The resolution half is now `useSettledSchema` from `@object-ui/react`, which
settles on every exit -- no source, no `getObjectSchema`, no object name, and a
read that threw alike. The replaced effect returned without settling on all
four (objectui#7232), which cost nothing while nothing waited on it and would
hold a gated query open forever.

Two departures, judged for this component rather than copied from a sibling:
the metadata read is NOT disabled on the authored-items path, because this
component reads the definition on every path for cell semantics and ADR-0079
card titles; and the gate branch holds the loading placeholder, which the two
siblings get from their initial `loading` state and this one does not.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KbJQ1y1J12nZxYzFWhP8Q3
@github-actions

github-actions Bot commented Sep 6, 2026

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

Metric Value Budget
Eager closure (gzip, 50 chunks) 3187.2 KB 3191.4 KB
Main entry chunk (gzip) 143.4 KB 350 KB
Entry file index-Da7Ye8hM.js
Status PASS

The eager closure is every chunk the entry reaches through static imports — what the browser fetches and parses before the app renders. The entry chunk on its own is a small fraction of it.


📦 Bundle Size Report

Package Size Gzipped
app-shell (consoleActionDispatch.js) 0.20KB 0.19KB
app-shell (index.js) 15.67KB 5.75KB
app-shell (runtime-config.js) 20.68KB 7.36KB
app-shell (types.js) 0.01KB 0.04KB
app-shell (urlParams.js) 10.06KB 3.86KB
auth (ActiveOrganizationStorage.js) 25.05KB 9.16KB
auth (AuthContext.js) 0.31KB 0.24KB
auth (AuthGuard.js) 2.07KB 1.00KB
auth (AuthProvider.js) 40.18KB 10.59KB
auth (AuthShell.js) 3.49KB 1.40KB
auth (ForgotPasswordForm.js) 12.21KB 3.45KB
auth (LoginForm.js) 18.15KB 5.39KB
auth (PreviewBanner.js) 0.90KB 0.50KB
auth (RegisterForm.js) 6.65KB 2.22KB
auth (SocialSignInButtons.js) 9.61KB 3.89KB
auth (UserMenu.js) 3.41KB 1.23KB
auth (auth-gate-events.js) 1.29KB 0.66KB
auth (authStyles.js) 5.04KB 1.72KB
auth (createAuthClient.js) 40.21KB 10.80KB
auth (createAuthenticatedFetch.js) 8.46KB 3.43KB
auth (index.js) 3.19KB 1.44KB
auth (invitation-status.js) 1.22KB 0.70KB
auth (org-roles.js) 6.66KB 2.78KB
auth (phone-identifier.js) 1.11KB 0.66KB
auth (types.js) 0.59KB 0.35KB
auth (useAuth.js) 5.30KB 1.02KB
auth (useWorkspaceAdminStatus.js) 5.13KB 2.35KB
collaboration (CommentThread.js) 26.08KB 7.56KB
collaboration (LiveCursors.js) 3.17KB 1.27KB
collaboration (PresenceAvatars.js) 6.49KB 2.64KB
collaboration (PresenceProvider.js) 2.79KB 1.13KB
collaboration (index.js) 1.68KB 0.73KB
collaboration (useCollaborationTranslation.js) 6.05KB 2.52KB
collaboration (useCommentSearch.js) 1.98KB 0.88KB
collaboration (useConflictResolution.js) 7.75KB 1.86KB
collaboration (useMentionNotifications.js) 1.81KB 0.68KB
collaboration (usePresence.js) 6.33KB 1.84KB
collaboration (useRealtimeSubscription.js) 7.91KB 2.01KB
components (index.js) 510.60KB 116.20KB
core (index.js) 6.96KB 2.79KB
create-plugin (index.js) 10.08KB 3.26KB
data-objectstack (index.js) 182.08KB 50.62KB
fields (index.js) 242.44KB 61.25KB
i18n (LocalizationContext.js) 1.76KB 0.96KB
i18n (builtinAggregateLabels.js) 0.86KB 0.49KB
i18n (currency.js) 1.22KB 0.64KB
i18n (fallbackInterpolation.js) 6.25KB 2.77KB
i18n (i18n.js) 4.28KB 1.75KB
i18n (index.js) 3.65KB 1.47KB
i18n (pickLocalized.js) 7.62KB 3.26KB
i18n (provider.js) 26.89KB 9.04KB
i18n (useDisplayLocale.js) 2.85KB 1.45KB
i18n (useObjectLabel.js) 34.34KB 9.17KB
i18n (useSafeTranslation.js) 5.60KB 2.33KB
layout (index.js) 38.98KB 10.98KB
mobile (MobileProvider.js) 0.92KB 0.49KB
mobile (ResponsiveContainer.js) 0.94KB 0.38KB
mobile (breakpoints.js) 1.51KB 0.70KB
mobile (createOfflineDataSource.js) 5.61KB 1.75KB
mobile (index.js) 1.99KB 0.87KB
mobile (offlineQueue.js) 3.91KB 1.35KB
mobile (pwa.js) 0.97KB 0.49KB
mobile (serviceWorker.js) 1.48KB 0.62KB
mobile (serviceWorkerSource.js) 3.41KB 1.48KB
mobile (useBreakpoint.js) 1.54KB 0.65KB
mobile (useGesture.js) 6.96KB 1.98KB
mobile (useOfflineSync.js) 1.99KB 0.72KB
mobile (usePullToRefresh.js) 2.53KB 0.85KB
mobile (useResponsive.js) 0.72KB 0.42KB
mobile (useSpecGesture.js) 4.39KB 1.66KB
mobile (useTouchTarget.js) 1.01KB 0.54KB
permissions (MePermissionsProvider.js) 11.71KB 4.29KB
permissions (PermissionContext.js) 0.31KB 0.25KB
permissions (PermissionGuard.js) 0.89KB 0.45KB
permissions (PermissionProvider.js) 6.24KB 2.16KB
permissions (discardProofCache.js) 1.04KB 0.55KB
permissions (evaluator.js) 5.12KB 1.74KB
permissions (index.js) 0.93KB 0.41KB
permissions (store.js) 0.91KB 0.42KB
permissions (useFieldPermissions.js) 1.28KB 0.53KB
permissions (usePermissions.js) 4.83KB 2.27KB
plugin-ai (index.js) 15.75KB 3.80KB
plugin-calendar (index.js) 47.87KB 13.31KB
plugin-charts (index.js) 70.92KB 19.75KB
plugin-chatbot (index.js) 196.19KB 46.37KB
plugin-dashboard (index.js) 132.88KB 34.69KB
plugin-designer (index.js) 212.86KB 43.19KB
plugin-detail (index.js) 250.55KB 64.06KB
plugin-editor (index.js) 2.46KB 1.10KB
plugin-form (index.js) 132.87KB 32.66KB
plugin-gantt (index.js) 167.26KB 41.00KB
plugin-grid (index.js) 209.29KB 56.78KB
plugin-kanban (index.js) 52.71KB 14.55KB
plugin-list (index.js) 113.56KB 27.70KB
plugin-map (index.js) 20.44KB 6.78KB
plugin-markdown (index.js) 13.93KB 4.81KB
plugin-report (index.js) 43.59KB 11.97KB
plugin-timeline (index.js) 30.40KB 8.76KB
plugin-tree (index.js) 9.20KB 3.19KB
plugin-view (index.js) 85.24KB 20.94KB
providers (DataSourceProvider.js) 0.75KB 0.39KB
providers (MetadataProvider.js) 1.37KB 0.59KB
providers (ThemeProvider.js) 1.90KB 0.85KB
providers (UploadProvider.js) 11.66KB 3.50KB
providers (index.js) 0.45KB 0.23KB
providers (types.js) 0.01KB 0.04KB
react-runtime (index.js) 5.62KB 2.34KB
react (LazyPluginLoader.js) 4.47KB 1.63KB
react (SchemaRenderer.js) 81.07KB 26.86KB
react (data-invalidation.js) 5.05KB 2.08KB
react (index.js) 4.63KB 2.18KB
react (schema-input.js) 2.32KB 1.24KB
react (spec-input.js) 0.20KB 0.18KB
sdui-parser (codegen.js) 5.41KB 2.34KB
sdui-parser (dashboard-widget-options.js) 3.08KB 1.30KB
sdui-parser (index.js) 4.93KB 2.24KB
sdui-parser (input-type.js) 2.84KB 1.40KB
sdui-parser (parse.js) 20.57KB 5.88KB
sdui-parser (provenance.js) 3.66KB 1.82KB
sdui-parser (types.js) 0.28KB 0.23KB
sdui-parser (validate.js) 10.35KB 3.60KB
types (ai.js) 0.20KB 0.17KB
types (api-types.js) 0.20KB 0.18KB
types (app.js) 2.87KB 1.00KB
types (base.js) 0.20KB 0.18KB
types (blocks.js) 0.20KB 0.18KB
types (complex.js) 2.74KB 1.41KB
types (crud.js) 0.20KB 0.18KB
types (dashboard-filter-alias.js) 6.23KB 2.74KB
types (data-display.js) 3.75KB 1.85KB
types (data-protocol.js) 0.20KB 0.19KB
types (data.js) 0.20KB 0.18KB
types (designer.js) 1.85KB 0.85KB
types (disclosure.js) 0.20KB 0.18KB
types (error-code.js) 1.54KB 0.88KB
types (expression.js) 0.20KB 0.18KB
types (feedback.js) 0.20KB 0.18KB
types (field-types.js) 0.20KB 0.18KB
types (form.js) 0.20KB 0.18KB
types (http-inflight.js) 8.87KB 3.73KB
types (http-retry.js) 4.32KB 2.02KB
types (icon-key-migration.js) 4.26KB 1.63KB
types (index.js) 4.74KB 2.25KB
types (layout.js) 0.20KB 0.18KB
types (managed-by.js) 0.19KB 0.18KB
types (mobile.js) 4.73KB 2.28KB
types (navigation.js) 0.20KB 0.18KB
types (objectql.js) 0.20KB 0.18KB
types (overlay.js) 0.20KB 0.18KB
types (permissions.js) 0.20KB 0.18KB
types (plugin-scope.js) 0.20KB 0.18KB
types (record-components.js) 0.20KB 0.19KB
types (record-semantics.js) 1.28KB 0.67KB
types (registry.js) 0.20KB 0.18KB
types (reports.js) 0.20KB 0.18KB
types (select-option.js) 0.20KB 0.19KB
types (spec-report.js) 5.05KB 1.93KB
types (spec-ui-namespace.js) 0.20KB 0.19KB
types (system-fields.js) 3.33KB 1.54KB
types (theme.js) 6.28KB 2.87KB
types (ui-action.js) 8.11KB 3.32KB
types (views.js) 0.20KB 0.18KB
types (widget.js) 0.20KB 0.18KB

Size Limits

  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped

@os-sam
os-sam marked this pull request as ready for review September 6, 2026 03:15
@os-sam
os-sam added this pull request to the merge queue Sep 6, 2026
Merged via the queue into main with commit 5a211b2 Sep 6, 2026
34 checks passed
@os-sam
os-sam deleted the claude/issue-7903-gallery-settled-schema-gate branch September 6, 2026 03:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

finding(plugin-list): ObjectGallery carries the same pre-gate shape objectui#7895 just removed from ObjectTimeline — 2 find calls per load

2 participants